    <script type="text/javascript">
       function change(str){
      $("#main-content").load(str);
       }
    </script>
<span class="leftpanel" >
        <h3><b>Customer Control</b></h3>
        
        <div id="listContainer">
            <ul id="expList">
                <li>
                    <a href="#" onclick="change('Customer/yourstock.jsp')" >Your Stocks</a>
                </li>
                <li>
                    Order History
                    <ul>
                        <li>
                            
                            <a href="#" onclick="change('Customer/allOrder.jsp')" >View all Orders</a>
                        </li>
                        <li>
                            <a href="#" data-tooltip="sticky1">View Stock's Share-Price</a>
                        </li>
                    </ul>
                </li>
                <li>
                    Stock Availability
                    <ul>
                        <li>
                            <a href="#" data-tooltip="sticky2">Stock Type</a>
                        </li>
                        <li>
                            <a href="#" data-tooltip="sticky3">Stock Name</a>
                        </li>
                    </ul>
                </li>
                <li>
                            <a href="#" onclick="change('Customer/trailingstop.jsp')" >Trailing-Stop History</a>
                </li>
                <li>
                            <a href="#" onclick="change('Customer/hiddenstop.jsp')" >Hidden-Stop History</a>
                </li>
                <li>
                            <a href="#" onclick="change('Customer/bestseller.jsp')" >Best Seller Lists</a>
                </li>
                <li>
                            <a href="#" onclick="change('Customer/suggestion.jsp')" >Stock Suggestion</a>
                </li>
                
            </ul>
        </div>
            <div id="mystickytooltip" class="stickytooltip">
            <div style="padding:5px">
            <div id="sticky1" class="atip" style="width:170px;">
                <jsp:include page="../Customer/givenstock.jsp"/>
            </div>
            <div id="sticky2" class="atip" style="width:200px;">
                <jsp:include page="../Customer/stocktype.jsp"/>
            </div>
            <div id="sticky3" class="atip" style="width:200px;">
                <jsp:include page="../Customer/stockname.jsp"/>
            </div>
            
            
            </div>
            <div class="stickystatus"></div>
            </div>
</span>
            
           
